<extend name="Base/common"/>
<block name="navbar"></block>
<block name="style">

    <style>
        .orderDetails {
            position: absolute;
            top: 0;
            width: 100%;
        }

        /*蓝色部分*/
        .custom_color {
            color: white;
        }

        .order_details_title {
            background: #2D8BFF;
            padding: 20px 20px;
        }

        .order_details_titleb {
            text-align: center;
            font-size: 18px;
            margin-bottom: 15px;
        }

        .order_details_titleb a {
            text-align: left;
            float: left;
            color: white;
        }

        hr {
            color: grey;
        }

        table {
            margin-top: 15px;
            width: 100%;
        }

        .beginnin {
            border: 1px solid #e0e0e0;
            padding: 0 2px;
            display: inline;
            color: #e0e0e0;
        }

        .beginnin1 {
            padding-left: 8px;
        }

        .beginnin2 {
            font-size: 17px;
        }

        .beginnin3 {
            color: #e5e5e5;
        }

        .tr_td4 {
            padding-top: 20px;
            font-size: 16px;
        }

        .beginninright {
            width: 30%;
            text-align: center;
            font-size: 21px;
            border-left: 1px dashed #e3e3e3;
        }

        /*订单部分*/
        .order_details_bank {
            margin-top: 10px;
            padding: 0 20px;
            background: white;
        }

        .collects {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .collect {
            padding-left: 10px;
        }

        .prices {
            background: white;
            margin-top: 10px;
            padding: 10px 20px;
        }

        .prices1 {
            padding-left: 15px;
            color: orange;
        }
    </style>

</block>


<block name="body">

    <div class="orderDetails" style="margin-bottom: 100px;">
        <!--蓝色部分-->
        <div class="order_details_title">
            <div class="order_details_titleb custom_color">
                <span>预约成功</span>
                <div style="height: 0;clear: both;"></div>
            </div>
            <hr>
            <table class="custom_color">
                <tr>
                    <td>
                        <div class="beginnin">始</div>
                        <span class="beginnin1 beginnin2">{$from}</span><span class="beginnin1 beginnin3"></span></td>
                    <td rowspan="5" class="beginninright"><span>预约成功</span></td>
                </tr>
                <tr>
                    <td style="padding-left: 9px;">|</td>
                </tr>
                <tr>
                    <td>
                        <div class="beginnin">终</div>
                        <span class="beginnin1 beginnin2">{$to}</span><span class="beginnin1 beginnin3"></span></td>
                </tr>
                <tr>
                    <td class="tr_td4">{$depart_time} 发车</td>
                </tr>
            </table>
        </div>
        <!--乘客信息-->
        <div class="order_details_bank">

            <foreach name="psrInfo" item="v" >
            <table style="width: 100%;">
                <tr>
                    <td style="width: 20%;">乘客 </td>
                    <td style="width: 20%;">{$v.psr_name}</td>
                    <td style="width: 60%;">电话<span style="padding-left: 5px;">{$v.psr_tel}</span></td>
                </tr>
                <tr>
                    <td>身份证</td>
                    <td colspan="2">{$v.psr_id_card}</td>
                </tr>
            </table>
                <hr>
            </foreach>


            <div class="collects">
                <span>取票人</span><span class="collect">{$getTicketPersonName}</span><span class="collect">{$getTicketPersonTel}</span>
            </div>
            <div style="padding-bottom: 10px;">
                <span>保险费</span>
                <div style="float: right;">&yen;<span>{$insurPrice}</span></div>
                <div style="height: 0;clear: both;"></div>
            </div>
        </div>
        <div class="prices"><span>总价:</span><span class="prices1">&yen;<span>{$totalPrice}</span></span></div>
        <a href="javascript:;" class="weui-btn weui-btn_warn weui-btn_loading"> <i class="weui-loading"></i>预约成功,等待商家确认是否发车</a>


    </div>


</block>